<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
	<title>自定义指令-简介</title>
</head>
<body>
	<div id="app">
		<input v-focus>
	</div>
	<div id="app1">
		<input v-focusb placeholder="我有v-focus,所以,我获取了焦点">
	</div>

</body>
</html>
<script type="text/javascript">

	// 使用 Vue.directive()（类似 Vue.template） 使用注册一个全局自定义指令 v-focus，
	//focus 不需要加 v-
	Vue.directive('focus', {
	  // 当绑定元素插入到 DOM 中。
	  inserted: function (el) {
	    // 聚焦元素
	    //el 就等价于 document.getElementById('el.id')....
	    el.focus();
	    console.log("----------");
	  }
	});
	var vm = new Vue({
	  el: '#app',
	  
	});

	var vm = new Vue({
	  el: '#app1',
	  directives:{
	    focusb:{
	      inserted: function (el) {
	        el.focus()
	      }      
	    }
	  }
	})
</script>